@charset "utf-8"; /* CSS Document */ 

* { margin: 0px; padding: 0px; } 

body { font-size: 12px; font-family: "微软雅黑"; color: #525252; background: #fff; } 

a { text-decoration: none; outline: none; transition: all 0.2s; }

a:hover { text-decoration: none; }

img { border: 0; vertical-align: middle;}

a {text-decoration: none;color: #333;padding:0;margin:0;}

ul {list-style: none;padding:0;margin:0;}

li {list-style: none;padding:0;margin:0;}

ul li {list-style: none;padding:0;margin:0;}

img {border: none;padding:0;margin:0; vertical-align:middle; max-width:100%;}

a img{border: none;padding:0;margin:0;}

input,button,select,textarea{outline:none}

textarea{resize:none}

p{padding:0;margin:0;}

body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#333;padding:0;margin:0; font-family:"微软雅黑", "宋体", "黑体";}

table { margin: auto; }

input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: none; }



.clear { clear: both; }

.cc {display: flex;	justify-content: center;align-items: Center;}

.header{ position:absolute; top:0; left:calc(50% - 600px); width:1200px; clear:both; z-index:999999999999;}

.logo{ float:left;}

.menu{ float:right; padding-top:70px;}

.menu ul{ clear:both;}

.menu ul li{ line-height:32px; padding-left:12px; width:108px; float:left; text-align:center; font-size:18px;}

.menu ul li a{ display:block;}

.menu_a1{ color:#f00; border-bottom:2px solid #f00}

.menu ul li:hover .menu_a1,.menu ul li .menu_a{ background:#f00; color:#fff;}

.menu2{ display:none;}

.menu2 a{ background:#f00; color:#fff; font-size:16px;}

.menu2 a:hover{ background:#fff; color:#f00;}

.menu ul li:hover .menu2{ display:block;}

.hj{overflow:hidden; clear:both; height:10px;}

.hj2{overflow:hidden; clear:both; height:20px;}

.hj3{overflow:hidden; clear:both; height:30px;}

.pp1{ padding:1% 0;}

.pp2{ padding:2% 0;}

.pp3{ padding:3% 0;}

.pp4{ padding:4% 0;}

.pp5{ padding:5% 0;}

.clear{ overflow:hidden; clear:both;}

.img1{ display:block; position:relative; width:100%; padding-bottom:100%; overflow:hidden;}

.img2{ display:block; position:relative; width:100%; padding-bottom:53.2%; overflow:hidden;}

.img3{ display:block; position:relative; width:100%; padding-bottom:61.7%; overflow:hidden;}

.img1 img,.img2 img,.img3 img,.img4 img,.img5 img,.img6 img,.img7 img,.img8 img,.img9 img{ position:absolute; top:0; left:0; width:100%; height:100%;}

.img1 img,.img2 img,.img3 img,.img4 img,.img5 img{  transition: all 0.8s;}





.adv1{ position:relative; height:100vh; width:100%; overflow:hidden;}

.video{ position: absolute; left:0; top:0;width:100%;  height: 100vh; overflow:hidden;}

.adv1_p0{ position:absolute; bottom:13%; left:18.5%;color:#fff; }

.adv1_p2{ width:70%;}

.animated { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;/* 属性规定动画在播放之前或之后，其动画效果是否可见。*/}

/*left*/

@-webkit-keyframes fadeInLeft {

  from { opacity: 0; -webkit-transform: translate3d(50%, 0, 0);transform: translate3d(50%, 0, 0); }

  100% { opacity: 1; -webkit-transform: none; transform: none;}

}

@keyframes fadeInLeft {

    from { opacity: 0; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0);}

    100% { opacity: 1; -webkit-transform: none; transform: none;}

}

.fadeInLeft{ -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}

/*right*/

@-webkit-keyframes fadeInRight{

    from {opacity: 0; -webkit-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);}

    100% { opacity: 1; -webkit-transform: none; transform: none;}

}

@keyframes fadeInRight {

    from { opacity: 0; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);}

    100% { opacity: 1; -webkit-transform: none; transform: none;}

}

.fadeInRight{ -webkit-animation-name: fadeInRight; animation-name: fadeInRight;}



.bg1{ background: rgb(250, 7, 7);}

.main,.ftit,.foot,.link{width:100%; max-width:1200px; margin:0px auto;overflow:hidden;clear:both;}

.nr1{ overflow:hidden; clear:both;}

.nr1 li{ float:left; width:calc(25% - 60px); padding:10px 30px; text-align:center}

.nr1_p1{ display:block; font-size:15px; font-weight:400; line-height:32px;height:32px; overflow:hidden; padding-top:10px;}

.nr1 li a:hover{ text-decoration:underline; color: rgb(204, 0, 0);}

.nr1_p2{ display:block; font-size:14px; font-weight:400; line-height:25px;height:25px; overflow:hidden; padding-top:5px;}

.nr1 li{ float:left; width:calc(25% - 24px); padding:5px 12px; text-align:center}





.ftit{ text-align:center; padding:1% 0; border-bottom:1px solid #ddd; font-size:16px; line-height:30px;}

.foot{ text-align:center; font-size:16px; padding:1% 0; line-height:30px;}



.adv2{ margin-top:95px;}

.nr2{ line-height:2; font-size:14px;}

.tit1{ overflow:hidden; clear:both; color:#f00; font-weight:bold; font-size:24px; line-height:46px;}

.tit1_p1{ float:left; padding:0 15px; border:3px solid #f00;}



.nr3_p1{ background:#f00; color:#fff; width:135px; line-height:38px; border-radius:5px; text-align:center; font-size:20px;}

.nr3_p2{ font-size:18px; line-height:38px;}

.nr3_p21{ background:#d9d8d8; border:none; line-height:40px; min-width:216px;}

.nr3_p22{ line-height:30px; background:#f00; color:#fff; font-size:18px; border-radius:5px; width:100px; border:none;}



.m_left{ float:left; width:185px;}

.m_right{ float:right; width:895px;}

.list_dt{background:#f00; line-height:50px; overflow: hidden; position: relative; border-bottom:1px solid #fff; text-align:center; font-size:20px; color:#fff; margin-top:10px;}

.list_dt a{ color:#fff;}

.list_dt_icon{ position: absolute; left: 30px; top:20px; display: block; width: 16px; height: 16px; background: url("../images/off.png") no-repeat;}

.list_dt:hover{ border-bottom:1px solid #fff;}

#open .list_dt_icon{ background: url("../images/open.png") no-repeat;}

#open{ color:#fff200}

.list_dd{ display: none;}

.list_li{ background: #f00; color:#fff; line-height:40px; text-align:center; font-size:18px; border-bottom: 1px solid #fff;}

.list_li a{ color:#fff;}

.list_li:hover{background: #fff; color:#f00;}

.list_li:hover a{ color:#f00;}



.tit1_p2{ background: #f00; color:#fff; line-height:45px; font-size:18px; padding-left:20px;}

.tit1_p4{ font-size:22px; line-height:50px; border-bottom:2px solid #ddd;}

.span12 { position:relative;}

.owl-carousel .owl-wrapper-outer {overflow: hidden;position: relative;width: 100%;}

.owl-carousel .owl-item {float: left;}

#owl-demo .item{   margin: 3px; text-align:center;}

#owl-demo .item img{  display: block; width: 100%; height: auto;}

	.owl-theme .owl-controls{ margin-top: 10px; text-align: center; }

.owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline; margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } 

.owl-buttons div:hover{ filter: Alpha(Opacity=100); opacity: 1; text-decoration: none; }

.owl-page{/* display: inline-block;*/ display: none; zoom: 1; *display: inline;} 

.owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } 

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center }

.customNavigation{ text-align: center; position:absolute; width:100%; left:0; top:calc(50% - 28px); overflow:hidden; clear:both; z-index:99999;}

.customNavigation a{ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width:28px; height:56px; display:block;}

.customNavigation:hover a{background:url(../images/manual_move_btn.png) no-repeat;}



.bg2{ background:#F00; color:#FFF; padding:2%; text-align:center;}

.nr4_p11{ font-size:1.5rem; line-height:1.5}

.nr4_p12{ font-size:7vh; font-weight:bold; padding-top:3%; line-height:1.5;}

.nr4_p13{ padding:3% 0;}

.nr4_p14{ border:none; background:#FFF; border-radius:10px; font-size:2rem; line-height:1.5; padding:1%; color:#f00;}

.nr4_p13 input::-webkit-input-placeholder{ color:#f00;} 

.nr4_p15{ display:block; margin:0 auto; width:10%; max-width:152px; margin-top:3%;}

.nr4_p2{ padding:2% 0; overflow:hidden; clear:both;}



.nr4_p21{ border-radius:50%; border:10px solid rgba(255,255,255,0.5);}

.nr4_p21 img{ background:#FFF; border-radius:50%; -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */ filter: grayscale(0%);}

.nr4_p22{ font-size:4.5vh;}

.label_box>label { display:block; float:left; width:270px; margin:0 50px; position:relative; overflow:hidden;  }

.label_box>label>input { position:absolute; top:0; left:-20px;}

.label_box>label>div { width:270px; text-align:center; min-height:350px; overflow:hidden; position:relative; color:#FFF; line-height:2;}

.label_box>label>input:checked + div {}

.label_box>label>input:checked + div .nr4_p21{ border:10px solid rgba(255,255,255,0.5); background:(255,255,255,0.5);}

.label_box>label>input:checked + div img{ background:none;-webkit-filter: grayscale(100%); /* <-变灰，变白-> */ filter: grayscale(100%); filter: grayscale(100%) brightness(500%);}



.nr4_p21 img{ background:none;-webkit-filter: grayscale(100%); /* <-变灰，变白-> */ filter: grayscale(100%); filter: grayscale(100%) brightness(500%)}

.label_box>label>input:checked + div img{ background:#FFF; border-radius:50%; -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */ filter: grayscale(0%);}



.nr4_p23{ font-size:2.5vh;}

.nr4_p24{ border-radius:50%; border:10px solid rgba(255,255,255,0.5);}

.nr4_p24 span{ background:#FFF; border-radius:50%; display:block; color:#f00; font-weight:bold; width:250px; height:250px; display: flex;   justify-content:center;  align-items:Center; text-align:center; font-size:6vh;}

.label_box>label>input + div .nr4_p24 span{ background:none; color:#fff;}

.label_box>label>input:checked + div .nr4_p24 span{ background: #FFF; color:#f00;}



.allcheck input[type="radio"]{appearance: none; -webkit-appearance: none;outline: none;display:none}

.allcheck {display:inline-block;cursor:pointer;}

.allcheck input[type="radio"] + span{width:54px; height:50px; display:inline-block; margin-right:12px; background:url(../images/ico20.png) no-repeat left bottom;}

.allcheck input[type="radio"]:checked + .allimg1{background:url(../images/ico21.png) no-repeat left bottom;}

.allcheck input[type="radio"]:checked .nr4_p16{ border:10px solid rgba(255,255,255,0.5); background:(255,255,255,0.5);}

.label_box>label>input:checked + .nr4_p16 img{ background:none;-webkit-filter: grayscale(100%); /* <-变灰，变白-> */ filter: grayscale(100%); filter: grayscale(100%) brightness(500%);}

.nr4_p16{ border:10px solid rgba(255,255,255,0.5); border-radius:50%; width:calc(100% - 20px);}

.nr4_p16 img{ background:#FFF; border-radius:50%; }



.allcheck input{ position:relative;}

.allcheck input[type="checkbox"]{appearance: none; -webkit-appearance: none;outline: none;display:none}

.allcheck input[type="checkbox"] + .allimg1{width:30px; height:30px; display:inline-block; margin-right:12px; background:url(../images/ico20.png) no-repeat left bottom; background-size:100% 100%; position:absolute; top:0; right:0;}

.allcheck input[type="checkbox"]:checked + .allimg1{background:url(../images/ico21.png) no-repeat left bottom; background-size:100% 100%;}

.allcheck input[type="checkbox"]:checked .nr4_p16{ border:10px solid rgba(255,255,255,0.5); background:(255,255,255,0.5);}





.nr2_p3 { display: flex; width:100%;}

.nr2_p3 li { flex: 1;}

.allcheck{ padding:4%; width:92%; position: relative;}

.allimg1{ position: absolute; top:1%; right:1%; z-index:999999;}



.nr4_p3{ text-align:center;}

.nr4_p31{ background:#f00; color:#FFF; padding:2% 0; width:760px; margin:3% auto; font-size:5vh;}

.nr4_p32{ font-size:7vh; font-weight:bold; line-height:1.5;}

.nr4_p32 span{ color:#F00;}

.nr4_p33{ background:#f00; color:#FFF; border-radius:50px; width:420px; margin:0 auto; font-size:3vh; line-height:1.6;}

.nr4_p34{ font-size:3vh; line-height:1.6;}

.nr4_p35{ margin:0 auto; width:750px; overflow:hidden; clear:both;}

.nr4_p351{ border:1px dashed #ddd; padding:5px; overflow:hidden; clear:both;}

.nr4_p352{ display:block; float:right; margin:2% 5%;}

.nr4_p36{ font-size:15vh; font-weight:bold; line-height:0.8; overflow:hidden; clear:both;}

.nr4_p37{ overflow:hidden; clear:both; background:#f00; color:#FFF; padding:3%; border-radius:20px; font-size:2.6vh; text-align:left;}

.nr4_p38{ margin:0 auto; width:1160px; overflow:hidden; clear:both; color:#F00; padding:2% ; font-weight:bold; font-size:3.2vh; text-align:left;}

.nr4_p39{ width:170px; line-height:2; font-size:3vh; background:#F00; color:#FFF; text-align:center; border:none; font-weight:bold;}



.aheck input[type="checkbox"]{appearance: none; -webkit-appearance: none;outline: none;display:none}

.aheck {width: width:calc(100% - 10px);display:inline-block;cursor:pointer; position:relative; padding:5px; overflow:hidden;}

.aheck input[type="checkbox"] + span{display:inline-block; position:absolute; top:0; left:0; width:calc(100% - 2px); height:calc(100% - 2px); vertical-align: middle; border:1px dashed #fff;}

.aheck input[type="checkbox"]:checked + .all1{ border:1px dashed #666;}

.aheck img{ max-width:100%;}